<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品信息</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1893347_im1fp7l603.css">
    <link rel="stylesheet" href="/css/goodsinfo.css">
</head>
<body>
    <!-- 头部导航 -->
    <header>

    </header>
    <!-- 商品购物 -->
    <section class="goodsBuy" id="goodsBuycontent"></section>
    <div class="shopCart" id="gotoShopping">
        <i class="iconfont icon-gouwuche"></i>
        <b class="shopCartNum" id="shopCartNum">0</b>
    </div>
    <script type="text/html" id="goodsBuytemplate">
        <div class="goodsBuy-content">
            <div class="picture">
                <div class="bigPic" id="bigPic">
                    <img src="{{pic1}}" alt="">
                    <span id="zoomSpan"></span>
                    <div class="zoom">
                        <img src="{{pic1}}" alt="" id="zoomPic">
                    </div>
                </div>
                <div class="smallPic" id="smallPic">
                    <img class="ac" src="{{pic1}}" alt="">
                    <img src="{{pic2}}" alt="">
                    <img src="{{pic3}}" alt="">
                </div>
            </div>
            <div class="detail">
                <div class="detailHead">
                    <p class="title">{{title}}</p>
                    <p class="describe">{{desc}}</p>
                    <p class="price">￥{{price}}</p>
                </div>
                <div class="detailChoose">
                    <div class="storage">
                        <span>版&nbsp;&nbsp;&nbsp;本</span>
                        <div class="storageChoose" id="versionChoose">
                            <div class="ac">{{version1}}</div>
                            <div>{{version2}}</div>
                            <div>{{version3}}</div>
                        </div>
                    </div>
                    <div class="color">
                        <span>颜&nbsp;&nbsp;&nbsp;色</span>
                        <div class="storageChoose" id="colorChoose">
                            <div class="ac">{{color1}}</div>
                            <div>{{color2}}</div>
                        </div> 
                    </div>
                    <div class="num">
                        <span>数&nbsp;&nbsp;&nbsp;量</span>
                        <div class="buyNum" id="buyNum">
                            <div class="sub">-</div>
                            <i id="addCartNum">1</i>
                            <div class="plus">+</div>
                        </div>
                    </div>
                </div>
                <div class="shopCar">
                    <div class="addShopcar" id="add-to-cart-btn">加入购物车</div>
                    <a href="/html/shopping.html" class="buyNow" id="buyNowBtn">立即购买</a>
                </div>
            </div>
        </div>
    </script>
    <section class="goodspics" id="goodspics-content"></section>
    <script type="text/html" id="goodspicstemplate">
        <img src="{{adpic1}}" alt="">
        <img src="{{adpic2}}" alt="">
        <img src="{{adpic3}}" alt="">

    </script>
    <!-- 售后 -->
    <section class="protect"></section>
    <!-- 底部 -->
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/goodsinfo"></script>
</html>